<template>
  <div class="breadcrumb">
    <span v-for="(item, index) in breadcrumbItems" :key="index">
      <a @click="handleBreadcrumbClick(item)">{{ item.name }}</a>
      <span v-if="index !== breadcrumbItems.length - 1">/</span>
    </span>
  </div>
</template>
<script>
export default {
  name: "Breadcrumb",
  data() {
    return {
      breadcrumbItems: [
        {
          name: "根目录",
          id: "root",
        },
      ],
    };
  },
};
</script>
<style lang="scss" scoped></style>
